import { Space } from "antd-mobile"
import { CSSProperties, FC } from "react"

interface MobileTableItemProps {
    value?: any
    label?: any
    bordered?: boolean
    style?: CSSProperties
}

const MobileTableItem: FC<MobileTableItemProps> = ({
    value,
    label,
    bordered = true,
    style
}) => {

    return <Space align='center' justify='between' style={{
        width: '100%',
        borderBottom: bordered ? '1px solid #f7f7f7' : 'none',
        padding: '10px 0',
        ...style
    }}>
        {label}
        <div style={{
            color: '#999'
        }}>{value}</div>
    </Space>
}

export default MobileTableItem